<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<include file="Public/head" />
<link href="__STATIC__/css/aboutus_app.css" type="text/css" rel="stylesheet" />
<link href="__STATIC__/css/glide.css" type="text/css" rel="stylesheet" />
<script src="__STATIC__/js/jquery.glide.min.js" type="text/javascript"></script>
</head>

<body>
<include file="Public/top" />

<div class="page_minheight">
<div class="page_about">
  <div id="about_1" class="about_p1">
    <div class="about_margin1">
      <div class="about_tit"><div>{$article[title]}</div><p>Company profile</p></div>
      <div class="about_con">{$article[content]|htmlspecialchars_decode}</div>
    </div>
  </div><!--about_p1-->
  
  <div id="about_2" class="about_p2">
    <div class="about_margin2">
      <div class="about_tit"><div>朋伴的优势</div><p>The advantage of companion</p></div>
      <div class="about_youshi">
        <div class="about_ya">
          <tpshop sql="select * from `__PREFIX__article` where cat_id=23 and is_open=1 order by sort asc,article_id desc" key="k3" item='v3'>
            <div class="about_yaa"><p><a <if condition="$v3[sort] eq 1">class="on"</if> href="javascript:void(0)" data-id="{$v3.article_id}">{$v3.title}</a></p></div>
          </tpshop>
        </div><!--about_ya-->
        <div class="about_ybg"></div>
        <div class="about_yc">
          <div class="about_ycin">
          <tpshop sql="select * from `__PREFIX__article` where cat_id=23 and is_open=1 order by sort asc,article_id desc" key="k3" item='v3'>
            <div class="about_yccon{$v3.article_id} about_yccon" <if condition="$v3[sort] eq 1">style="display:block;"</if>>
              <div class="word">{$v3[content]|htmlspecialchars_decode}</div>
              <div class="pic"><img src="{$v3[thumb]}" /></div>
            </div>
          </tpshop>
          </div>
        </div><!--about_yc-->
      </div><!--about_youshi-->
    </div>
  </div><!--about_p2-->
  <script>
  $(document).ready(function(){
    $(".about_yaa").click(function(){
        id = $(this).find("a").data("id");
		$(this).find("a").addClass("on").parents(".about_yaa").siblings().find("a").removeClass("on");
        $(".about_yccon"+id).show().siblings().hide();
    });
  });
  </script>
  
  <div class="about_p3">
    <div class="about_p3in">
      <div class="about_margin1">
        <div class="about_tit"><div>企业文化</div><p>corporate culture</p></div>
        <div class="about_wenhua">
          <tpshop sql="select * from `__PREFIX__article` where cat_id=24 and is_open=1 order by sort asc,article_id desc" key="k3" item='v3'>
            <div class="wenhua_p wenhua_p{$v3[sort]}">
              <div class="pic">
                <if condition="$v3[sort] eq 1 or $v3[sort] eq 4"><img src="__STATIC__/images/wenhua_p2.png" /><else /><img src="__STATIC__/images/wenhua_p1.png" /></if>
                <div class="pad">
                  <div class="h1">0{$v3[sort]}</div>
                  <div class="h2">{$v3[title]}</div>
                  <div class="h3">{$v3[content]|htmlspecialchars_decode}</div>
                </div>
              </div>
            </div>
          </tpshop>
          <div class="clear"></div>
        </div><!--about_wenhua-->
      </div>
    </div>
  </div><!--about_p3-->
  
  <div class="about_p4">
    <div class="about_margin2">
      <div class="about_tit"><div>公司风采</div><p>Company's demeanor</p></div>
      <div class="about_fc">
      <div class="slider">
  <ul class="slides">
    <tpshop sql="select * from `__PREFIX__article` where cat_id=25 and is_open=1 order by sort asc,article_id desc" key="k3" item='v3'>
      <li class="slide"><div class="box"><div class="about_fcpart">
            <div class="pad">
              <div class="bor">
                <div class="pic"><img src="{$v3[thumb]}" /><div class="word">{$v3[title]}</div></div>
              </div>
            </div>
          </div></div></li>
    </tpshop>
  </ul>
</div>
<script type="text/javascript">
var glide = $('.slider').glide({
  //autoplay:true,//是否自动播放 默认值 true如果不需要就设置此值
  
  animationTime:500, //动画过度效果，只有当浏览器支持CSS3的时候生效
  
  arrows:false, //是否显示左右导航器
  arrowsWrapperClass: "arrowsWrapper",//滑块箭头导航器外部DIV类名
  arrowMainClass: "slider-arrow",//滑块箭头公共类名
  arrowRightClass:"slider-arrow--right",//滑块右箭头类名
  arrowLeftClass:"slider-arrow--left",//滑块左箭头类名
  arrowRightText:">",//定义左右导航器文字或者符号也可以是类
  arrowLeftText:"<",
  
  nav:false, //主导航器也就是本例中显示的小方块
  navCenter:true, //主导航器位置是否居中
  navClass:"slider-nav",//主导航器外部div类名
  navItemClass:"slider-nav__item", //本例中小方块的样式
  navCurrentItemClass:"slider-nav__item--current" //被选中后的样式
});
</script>
        <div class="clear"></div>
      </div><!--about_fc-->
    </div>
  </div><!--about_p4-->
  
  <div class="about_p5">
    <div class="about_margin2">
      <div class="about_tit about_tit_white"><div>服务项目</div><p>Service Items</p></div>
      <div class="about_service">
        <div class="about_ser">
          <div class="pad">
            <div class="h1"><i class="icon-shangbiaorenzheng"></i></div>
            <div class="h2">商标注册</div>
          </div>
        </div><!--about_ser-->
        <div class="about_ser">
          <div class="pad">
            <div class="h1"><i class="icon-swzx"></i></div>
            <div class="h2">商务咨询</div>
          </div>
        </div><!--about_ser-->
        <div class="about_ser">

          <div class="pad">
            <div class="h1"><i class="icon-ketangpeixun"></i></div>
            <div class="h2">电商培训</div>
          </div>
        </div><!--about_ser-->
        <div class="about_ser">
          <div class="pad">
            <div class="h1"><i class="icon-ccc"></i></div>
            <div class="h2">CCC认证</div>
          </div>
        </div><!--about_ser-->
        <div class="clear"></div>
      </div><!--about_service-->
      
      <div class="about_qq">
        <foreach name="sales_list" item="vvv" key="kkk">
        <a href="tencent://Message/?Uin={$vvv.qq}&amp;Menu=yes">免费咨询</a>
        </foreach>
      </div><!--about_qq-->
    </div>
  </div><!--about_p5-->
  
  <div id="about_3" class="about_p6">
    <div class="about_margin2">
      <div class="about_tit"><div>联系我们</div><p>Contact us</p></div>
      <div class="about_cont about_margin2">
        <div class="about_cico">
          <div class="pad">
            <div class="pic"><div class="h1"><i class="icon-dingwei"></i></div></div>
            <div class="word">
              <div class="h2">联系地址</div>
              <div class="h3">广东省中山市古镇镇中兴大道26号华裕广场8层</div>
            </div>
          </div>
        </div><!--about_cico-->
        <div class="about_cico">
          <div class="pad">
            <div class="pic"><div class="h1"><i class="icon-ai-tel"></i></div></div>
            <div class="word">
              <div class="h2">联系电话</div>
              <div class="h3">0760-89860325、0760-89860352</div>
            </div>
          </div>
        </div><!--about_cico-->
        <div class="about_cico">
          <div class="pad">
            <div class="pic"><div class="h1"><i class="icon-youxiang"></i></div></div>
            <div class="word">
              <div class="h2">企业邮箱</div>
              <div class="h3">Pb@pengban.com.cn</div>
            </div>
          </div>
        </div><!--about_cico-->
        <div class="clear"></div>
      </div><!--about_cont-->
      <div class="about_map"><include file="Public/map" /></div>
    </div>
  </div><!--about_p6-->
</div><!--page_about-->
</div><!--page_minheight-->

<include file="Public/footer" />
<script src="__STATIC__/js/global_after.js" type="text/javascript"></script>
</body>
</html>